import { MoonOutlined, SunOutlined } from "@ant-design/icons";
import type { ReactNode } from "react";

// 每一项主题的类型
export interface IThemesItem {
  className: string,
  icon: ReactNode,
  label: string
}
// 主题类型
export type IThemesType = Record<string, IThemesItem>

export const themesStyle: React.CSSProperties = {
  color: 'var(--c-base)',
  fontSize: '30rem'
}

const themes: IThemesType = {
  white: {
    className: 'white',
    icon: <SunOutlined style={themesStyle} />,
    label: '白色'
  },
  black: {
    className: 'black',
    icon: <MoonOutlined style={themesStyle} />,
    label: '黑色'
  }
}

export default themes
